<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 运动 -->
    <div class="motion-app">
        <!-- 视频 -->
        <div class="video">
            <video></video>
            <a class="iconfont icon-return go-back" id="goBack"></a>
            <span class="iconfont icon-start dpflex fdcolumn" id="videoPlay"><a>视频预览</a></span>
        </div>
        <!-- 介绍 -->
        <div class="introduce">
            <div class="introduce-text">
                <p class="title" id="name">巧克力腹肌雕刻</p>
                <p class="text dpflex"><span id="calorie">45</span>千卡<span id="time">15</span>分钟<span class="link"><span
                            id="peoplenum">99.99W</span>人练过></span></p>
            </div>
        </div>
        <!-- 用户 -->
        <div class="user dpflex">
            <img class="img" id="imgurl"></img>
            <p class="username dpflex fdcolumn"><span class="name">用户名</span><span class="work">三线达人课程设计师</span></p>
            <span class="follow">关注 +</span>
        </div>
        <!-- 详情 -->
        <div class="details">
            <p id="desc">15分钟将带你雕刻出性感的巧克力父级， 对腹部进行全方位的刺激，泵感十足！ ... <span>更多</span></p>
        </div>
        <!-- 练习 -->
        <div class="exercise">
            <div class="top dpflex">
                <!-- 次数 -->
                <div class="frequency">
                    <span class="iconfont icon-practice"><a>练习频次</a></span>
                    <p id="frequency">每周3~5次</p>
                </div>
                <!-- 器械 -->
                <div class="apparatus">
                    <span class="iconfont icon-equipment"><a>器械</a></span>
                    <p id="instrument">无</p>
                </div>
            </div>
            <button id="startBtn">开始训练</button>
        </div>
    </div>
</body>

</html>